<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    *{
        margin: 0px;
        padding: 0px;
    }

    #img1{
        margin-left: 80px;
    }
 
    #wz{
        float: right;
        margin-top: 26px;
        font-size: 13px;
        margin-right: 200px;
    }
    #nav{
        width: 100%;
        height: 30px;
        background-color: blue;
        padding-left: 120px;
        line-height: 25px;
        color: white; 
        margin-top: 10px;
    }
    .aa{
        width: 150px;
        height: 100%;
        float: left;
        text-align: center 
        
    }
    .aa:hover{
        background-color: red;
        color: white;
    }
    #img2{
        margin-top: 10px;
        margin-left: 150px;
    }
    #cpzs{
        float: left;
        width: 55%;
        margin-left: 180px;
        margin-top: 10px;
    }
    .bb{
        float: left;
        width: 150px;
        height: 150px;
        border: 1px solid black;
        margin-left: 10px;
        margin-top: 10px;
    }
    .img3{
        width: 150px;
        height: 150px;
        
    }
    #wz1{
        margin-right: 700px;
        font-size: 18px;
        font-weight: bold;
        color: black;
        
    }
    .tp1{
        width: 150px;
        float: left;
        margin-top: -2px;
    }
    p{
        color: red;
        font-size: 10px;
    }
    .li1{
        list-style: none;
        line-height: 40px;
        border-bottom: 1px dashed black;
        font-size: 12px;
        width: 420px;
    }
    #xwzx{
        margin-top: 10px;
        float: left;
        margin-left: -150px;
        border-left: 1px solid black;
        padding-left: 40px;
    }
    #xwbt{
        color: black;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px;
    }
    .lisp{
        float: right;
        font-size: 10px;
    }
    #gswz{
        color: black;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px ;
    }
    #gsjj{
        float: left;
        width: 1150px;
        padding-left: 180px;
        margin-top: 20px;
    }
    #dwz{
        float: right;
        width: 900px;
        line-height: 40px;
        font-size: 13px;
        text-indent: 2em; 
    }
    #fott{
        color: gray;
        margin-top: 35px;
        float: left;
        padding-left: 400px;
        width: 1000px;
        height: 40px
        
    }
    .fot{
        width: 80px;
       float: left;
       border-right: 1px solid black;
       padding-left: 30px;
       font-size: 13px;
    }
    .fottt{
        width: 80px;
       float: left; 
       padding-left: 30px;
       font-size: 13px;
    }
    #bq{
        float: left;
        color: gray;
    }
    #baq{
        margin-left: 610px;
    }
</style>
<body>
    <div id="a1">
        <div><img src="img\img\img\logo.png" id="img1"><span id="wz">手机版&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;收藏本站</span></div>
        <div id="nav">
        <div class="aa">首页</div>
        <div class="aa">公司简介</div>
        <div class="aa">产品中心</div>
        <div class="aa">新闻中心</div>
        <div class="aa">人才招聘</div>
        <div class="aa">会员注册</div>
        <div class="aa">联系我们</div>
    </div>
    <div><img src="img\img\img\banner.jpg" id="img2"></div>
    
    <div id="cpzs"><p id="wz1">产品展示</p>
        <div class="bb"><img src="img\img\img\素材\pro-1.jpg" class="img3" ><span class="tp1">PC008-1 BENZ.with diobe <p>长度：93mm</p></span></div> 
        <div class="bb"><img src="img\img\img\素材\pro-2.jpg" class="img3" ><span class="tp1">PC008-3A</span><p>长度：93mm</p></div>
        <div class="bb"><img src="img\img\img\素材\pro-3.jpg" class="img3" ><span class="tp1">PC008-1 BENZ.with diobe</span><p>长度：93mm</p></div>
        <div class="bb"><img src="img\img\img\素材\pro-4.jpg" class="img3" ><span class="tp1">PC008-3A</span><p>长度：93mm</p></div>
    </div>
    <div id="xwzx"><p id="xwbt">新闻中心</p>
        <ul>
            <li class="li1"><img src="img\img\img\icon1.jpg">&nbsp;企业质量诚信经营承诺书<span class="lisp">05-16</span></li>
            <li class="li1"><img src="img\img\img\icon1.jpg">&nbsp;匠心专注，严格抽检中获五星好评<span class="lisp">04-08</span></li>
            <li class="li1"><img src="img\img\img\icon1.jpg">&nbsp;公司组织员工积极参加运动会<span class="lisp">05-16</span></li>
            <li class="li1"><img src="img\img\img\icon1.jpg">&nbsp;热烈庆祝我公司顺利通过省高新技术企业认定<span class="lisp">05-16</span></li>
            <li class="li1"><img src="img\img\img\icon1.jpg">&nbsp;党支部成员补种景观树<span class="lisp">05-16</span></li>
        </ul>
    </div>
    <div id="gsjj"><p id="gswz">公司简介</p>
    <img src="img\img\img\gongsi.jpg" width="220px" height="150px" >
    <span id="dwz">都达科技股份有限公司于2010年成立于常州，距上海2小时车程，是一个技术专业化、管理科学化、人员年轻化的现代化民营企业。公司主要生产和销售汽车空调配件控制阀、泄压阀、速度传感器、过热保护器。“专业、安全、创新”是我们永远追求的目标;我们秉承客户的满意就是企业发展的追求，坚持世界的也是中国的，用最安全、最优质的理念服务于我们的客户。我们坚信没有落后的产业，只有落后的产品，我们始终以创造、创新为发展方向，不断推出适合消费者的新产品!&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>查看更多</strong></span>
</div>
<div id="fott">
    <div class="fot">公司简介</div>
    <div class="fot">产品中心</div>
    <div class="fot">新闻中心</div>
    <div class="fot">会员注册</div>
    <div class="fot">联系我们</div>
    <div class="fottt">手机版</div>
</div>
<div id="baq"><p id="bq">Copyright@2019都达科技股份有限公司 版权所有</p></div>
    </div>
</body>
</html>